<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>软件工程专业毕业设计答辩系统</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/style.css" rel="stylesheet">
    <link href="http://at.alicdn.com/t/font_1473987_c03rjijab8r.css" rel="stylesheet">
    <script src="./js/jquery-2.2.4.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/md5.js"></script>
</head>

<body>
    <div id="login-first-div" style="background:cornflowerblue">
        <div id="loginwrap">
            <form class="form-horizontal">
                <div id="login-title">软件工程专业毕业设计答辩系统</div>
                <div class="form-group" id="login-xs">
                    <label class="col-sm-2 control-label">用户名</label>
                    <div class="col-sm-9">
                        <input type="text" id="login-username" class="form-control">
                    </div>
                </div>
                <div class="form-group" id="login-xs1">
                    <label class="col-sm-2 control-label">密码</label>
                    <div class="col-sm-9">
                        <input type="password" id="login-password" class="form-control">
                        <p id="checkpsw" class="iconfont icon-yanjing"></p>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10" >
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="remember"><span style="font-size:12px"> 记住账号</span>
                            </label>
                            <div id="login-type" style="display: inline-block;">
                            <input type="radio" id="login-stu" name="logintype" value="student" checked style="margin-left: 140px;"><label for="login-stu">学生</label>
                            <input type="radio" id="login-tea" name="logintype" value="teacher"><label for="login-tea">教师</label>
                            <input type="radio" id="login-sjy" name="logintype" value="clerk"><label for="login-sjy">书记员</label>
                        </div>
                        </div>
                       
                           
                        
                    </div>
                </div>
                <div class="form-group" style="text-align:center;">
                    <button id="login-sumbit" type="button" class="btn btn-primary">登陆</button>
                </div>
            </form>
        </div>
    </div>
    <div class="modal fade" id="myModal-public" tabindex="-1">
        <div class="modal-dialog" style=" position: relative;
        top: 40%;
        transform: translateY(-50%);">
            <div class="modal-content">
                <div class="modal-header">
                    <p class="modal-title"
                        style="display: inline-block;float: left;font-size: 15px;font-weight: bold;"></p>
                    <button type="button" class="close" data-dismiss="modal">X</button>
                </div>
                <div class="modal-body" id="myModal-public-body" style="text-align: center;">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn" data-dismiss="modal" style="padding: 2px 20px;">关闭</button>
                </div>
            </div>
        </div>
    </div><!-- 公共模态框 -->
</body>
<script>
    if($(window).width()<=440){
        $('#login-xs').css('padding',"0 20px 0 20px")
        $('#login-xs1').css('padding',"0 20px 0 20px")
        $('.checkbox').css('padding','0 20px 0 20px')
        $('#login-stu').css('margin-left','30px')
    }
</script>
</html>